Improve this Doc View Source input[date]

input in module ng

Overview

Input with date validation and transformation. In browsers that do not yet support the HTML5 date input, a text element will be used. In that case, text must be entered in a valid ISO-8601 date format (yyyy-MM-dd), for example: 2009-01-06. Since many modern browsers do not yet support this input type, it is important to provide cues to users on the expected input format via a placeholder or label.

The model must always be a Date object, otherwise AngularJS will throw an error. Invalid Date objects (dates whose getTime() is NaN) will be rendered as an empty string.

The timezone to be used to read/write the Date instance in the model can be defined using ngModelOptions. By default, this is the timezone of the browser.

Directive Info

This directive executes at priority level 0.

Usage

<input type="date"
       ng-model="string"
       [name="string"]
       [min="string"]
       [max="string"]
       [ng-min=""]
       [ng-max=""]
       [required="string"]
       [ng-required="string"]
       [ng-change="string"]>

Arguments

Param	Type	Details
ngModel	`string`	Assignable AngularJS expression to data-bind to.
name (optional)	`string`	Property name of the form under which the control is published.
min (optional)	`string`	Sets the `min` validation error key if the value entered is less than `min`. This must be a valid ISO date string (yyyy-MM-dd). You can also use interpolation inside this attribute (e.g. `min="{{minDate \| date:'yyyy-MM-dd'}}"`). Note that `min` will also add native HTML5 constraint validation.
max (optional)	`string`	Sets the `max` validation error key if the value entered is greater than `max`. This must be a valid ISO date string (yyyy-MM-dd). You can also use interpolation inside this attribute (e.g. `max="{{maxDate \| date:'yyyy-MM-dd'}}"`). Note that `max` will also add native HTML5 constraint validation.
ngMin (optional)	`datestring`	Sets the `min` validation constraint to the Date / ISO date string the `ngMin` expression evaluates to. Note that it does not set the `min` attribute.
ngMax (optional)	`datestring`	Sets the `max` validation constraint to the Date / ISO date string the `ngMax` expression evaluates to. Note that it does not set the `max` attribute.
required (optional)	`string`	Sets `required` validation error key if the value is not entered.
ngRequired (optional)	`string`	Adds `required` attribute and `required` validation constraint to the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of `required` when you want to data-bind to the `required` attribute.
ngChange (optional)	`string`	AngularJS expression to be executed when input changes due to user interaction with the input element.

Example

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/input/input%5Bdate%5D